<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<div th:insert="/common.html"></div>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="toolbar">
    <input type="button" value="增加" class="btn-default" onclick="insertAdd()">
</div>
<table id="table"></table>
</body>
</html>
<script>
    $('#table').bootstrapTable({
        //请求地址
        url: '/person/getshow',
        method: 'GET',                      //请求方式（*）
        striped: true,                      //是否显示行间隔色
        toolbar: '#toolbar',//将自定义div布局
        pagination: true,                   //是否显示分页（*）
        sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
        pageSize: 3,                     //每页的记录行数（*）
        pageList: [1, 2, 3, 5],        //可供选择的每页的行数（*）
        search: true,                      //是否显示表格搜索
        clickToSelect: true,                //是否启用点击选中行
        showColumns: true,                  //是否显示所有的列（选择显示的列）
        showRefresh: true,                  //是否显示刷新按钮
        showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
        //列
        columns: [{
            checkbox: true,
            visible: true //是否显示复选框
        }, {
            //实体类属性
            field: 'pid',
            //表头
            title: 'ID',
            sortable: true
        }, {
            field: 'pname',
            title: '账户'
        }, {
            title: '操作',
            formatter: function (value, row, index) {
                //操作栏的格式化
                var uid = row.pid;
                var result = "";
                result += "<a href='javascript:servertoupdate(" + uid + ")' class='btn btn-xs blue' title='编辑'><span class='glyphicon glyphicon-pencil'></span></a>";
                result += "<a href='javascript:serverdelete(" + uid + ")' class='btn btn-xs red'  title='删除'><span class='glyphicon glyphicon-remove'></span></a>";
                return result;
            }
        },
        ]
    });

    function insertAdd(){
        BootstrapDialog.show({
            title: '提示',//标题
            message: $('<div></div>').load('/person/toAdd'),//显示内容
            type: BootstrapDialog.TYPE_DEFAULT,//设置提示框类型
            size: BootstrapDialog.SIZE_WIDE,//设置提示框大小

            buttons: [{
                label: '增加',
                closeable: true,//按钮颜色
                action: function (dialog) {
                    $.ajax({
                        url:"/person/insertUser",
                        dataType: "json",
                        type:"post",
                        data: $("#insert_form").serialize(),
                        success:function (result){
                            if (result){
                                $("#table").bootstrapTable("refresh");
                                dialog.close();
                                toastr.success("增加成功");
                            }
                        },
                        error:function (){
                            toastr.error("系统错误")
                        }
                    })
                }
            }, {
                label: '关闭',
                action: function (dialog) {
                    dialog.close();
                }
            }]
        });
    }

    //修改
    function servertoupdate(uid){
        BootstrapDialog.show({
            title: '提示',//标题
            message: $('<div></div>').load('/person/toupdate/' + uid),//显示内容
            type: BootstrapDialog.TYPE_DEFAULT,//设置提示框类型
            size: BootstrapDialog.SIZE_WIDE,//设置提示框大小

            buttons: [{
                label: '修改',
                closeable: true,//按钮颜色
                action: function (dialog) {
                    $.ajax({
                        url:"/person/updateNra",
                        dataType: "json",
                        type:"post",
                        data: $("#update_form").serialize(),
                        success:function (result){
                            if (result){
                                $("#table").bootstrapTable("refresh");
                                dialog.close();
                                toastr.success("增加成功");
                            }
                        },
                        error:function (){
                            toastr.error("系统错误")
                        }
                    })
                }
            }, {
                label: '关闭',
                action: function (dialog) {
                    dialog.close();
                }
            }]
        });
    }

    //删除
    function serverdelete(uid){
        if (confirm("确认？")){
            $.ajax({
                url:"/person/deleteUser/" + uid,
                dataType: "json",
                type:"post",
                // data: $("#update_form").serialize() + "&nodesid="+ nodesid,
                success:function (result){
                    if (result){
                        $("#table").bootstrapTable("refresh");
                        toastr.success("删除成功");
                    }
                },
                error:function (){
                    toastr.error("系统错误")
                }
            })
        }
    }
</script>